			$(function(){
				//				引入头部
				$('.header').load('head.html?_='+Math.random(),function(){
					$('.hid').find('.myaccount').hide()
					$('.hid').hover(function(){
						$(this).find('.myaccount').show();
						$(this).css({'border':'1px solid #ccc','background':'#fff'});
					},function(){
						$(this).find('.myaccount').hide();
						$(this).css({'border':'none','background':'none'});
					});
					var time = new Date().getHours();
					console.log(time+'点');
	//				头部问好
					if(time>0&&time<12){
						$('.hello').text('早上好')
					}else if(time>12&&time<14){
						$('.hello').text('中午好');
					}else if(time>14&&time<18){
						$('.hello').text('下午好');
					}else{
						$('.hello').text('晚上好');
					};
					$('.float-list dl dd').hide()
					$('.float-list dl').each(function(){
						$(this).hover(function(){
							$(this).find('dd').show();
							$(this).find('dt').css({'border-left':'2px solid blue','background':'#fff','border-right':'none'})
						},function(){
							$(this).find('dd').hide();
							$(this).find('dt').css({'border':'1px solid #ccc','background':'#f8f8f8'})
						})
					});
					$('.shopcar').hover(function(){
						$(this).css('background-position-y','-74px');
					},function(){
						$(this).css('background-position-y','-30px');
					});
					
					$('.tuichu').click(function(event){
						event.preventDefault();
						$.cookie('username',null,{ expires: 7, path: '/' });
						$(this).text('');
						$('#userName').text('');
						$('.login-a').text('[登录]');
						$('.reg-a').text('[免费注册]');
						
					})
//					改变头部用户名
					if($.cookie('username')){
						var cookieStr = $.cookie('username');
						console.log(cookieStr)
						$('#userName').text(cookieStr);
						$('.login-a').text('');
						$('.reg-a').text('');
						$('.tuichu').text('[退出]')
					};
					
				});
				
//				引入尾部
				$('.footer').load('footer.html');
				
				var $main = $('#main');
				var $pic = $main.find('.pic li');
				var $nav = $main.find('.nav ul');

				// 轮播数量
				var len = $pic.length;

				// 初始化索引值
				var index = 0;

				// 上一张的索引
				var lastIndex = 0;
				show();

				// 添加导航(小方块)
				for(var i=0;i<len;i++){
					var $li = $('<li/>');
					$li.text(i+1);
					if(i==0) {
						$li.addClass('select');
					}
					$li.appendTo($nav);
				}

				//点击小方块切换图片
				$nav.on('click','li',function(){
					index = $(this).index();
					show();
				});

				var timer;
				$main.on('mouseenter',function(){
					clearInterval(timer);
				}).on('mouseleave',function(){
					timer = setInterval(function(){
						index++;
						show();
					},3000);
				}).trigger('mouseleave');


				// 图片展示效果函数
				function show(){
					//清空上一张的样式
					reset();

					if(index<0){
						index = len - 1;
					}else if(index > len - 1){
						index = 0;
					}
					// 显示隐藏背景图片
					$pic.hide().eq(index).show();
					$pic.eq(index).find('.img1').animate({left:0},function(){
						$pic.eq(index).find('.img2').show().animate({left:0});
					});

					// 小方块高亮效果
					$nav.find('li').removeClass().eq(index).addClass('select');

					// 清除当没有显示的li下面的img1,img2的样式
					// $pic.eq(index).siblings('li').find('.img1,.img2').removeAttr('style');

					// 更新lastIndex
					lastIndex = index;
				}

				function reset(){
					$pic.eq(lastIndex).find('.img1,.img2').removeAttr('style');
					//removeProp(attr)
				}
//				右边轮播图 ，使用bootstrap
				$('.carousel').each(function(){
					$(this).carousel({
						interval:3000
					});
				});

				$('.hufu-top ul li').each(function(){
					$(this).hover(function(){
						$(this).find('span').eq(0).hide();
						$(this).find('div').eq(0).show();
					},function(){
						$(this).find('span').eq(0).show();
						$(this).find('div').eq(0).hide();
					})
				});
//				倒计时
				 $('.time-end').each(function(){
				 	$(this).daojishi({endTime:'2016/9/30'});
				 })
				
			})